<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/Menu.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"                
                xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:define name="body">
        <h:form id="idFormSegInformeMensual">
            <center>  
                <p:growl id="growl"></p:growl>
                <p:messages showSummary="true" id="msgForm"/>
                <p:panel  header="FUNDACIÓN UNIVERSITARIA KONRAD LORENZ"> 
                    <p:panel header="Seguimiento Informe Mensual">

                        <h:panelGrid columns="2" dir="right" >
                            <h:outputText value="Nombre: " />
                            <p:inputText value="#{fSeguimInformeMensual.estudiante.nombresEstudiante} #{fSeguimInformeMensual.estudiante.apellido1Estudiante} #{fSeguimInformeMensual.estudiante.apellido2Estudiante}" size="55" id="idNomEstudianteInformeMen" readonly="true"/>	

                            <h:outputText value="Empresa: " />
                            <p:inputText value="#{fSeguimInformeMensual.seguimientoInformeMensual.empresa}" size="55" id="idNomEmpresaInformeMen"/>

                            <h:outputText value="Proyecto: " />
                            <p:inputText value="#{fSeguimInformeMensual.seguimientoInformeMensual.proyecto}" size="50" id="idNomProyectoInformeMen"/>	

                            <h:outputText value="Fecha Inicial: " />
                            <p:calendar value="#{fSeguimInformeMensual.seguimientoInformeMensual.fechaInicial}" id="idFechaInicialInformeMenIni" showOn="button" />

                            <h:outputText value="Fecha Final: " />
                            <p:calendar value="#{fSeguimInformeMensual.seguimientoInformeMensual.fechaFinal}" id="idFechaFinalInformeMenFin" showOn="button" />
                        </h:panelGrid>
                    </p:panel>

                    <p:panel header="Seguimiento Mensual">
                        <p:commandButton value="Agregar seguimiento" onclick="dialogSeguimientosMensuales.show()" />
                        <h:panelGroup id="seguimientoMensualGroup">
                            <p:dataTable value="#{fSeguimInformeMensual.listaDetalleSeguimientoMensual}" var="detalleSeguimientoMensual" binding="#{fSeguimInformeMensual.htmlDataTableSeguimientosMensuales}"><br/>
                            <p:column headerText="Fecha inicial">
                                <h:outputText value="#{detalleSeguimientoMensual.fechaInicio}">
                                    <f:convertDateTime pattern="d/M/yyyy"/>
                                </h:outputText>
                            </p:column>

                            <p:column headerText="Fecha Final ">
                                <h:outputText value="#{detalleSeguimientoMensual.fechaFinal}" >
                                    <f:convertDateTime pattern="d/M/yyyy"/>
                                </h:outputText>
                            </p:column>

                            <p:column headerText="Hito">
                                <h:outputText value="#{detalleSeguimientoMensual.hito}"/>
                            </p:column>

                            <p:column headerText="Descripción">
                                <h:outputText value="#{detalleSeguimientoMensual.descripcion}" id="idDescripcionInformeMen"/>
                            </p:column>

                            <p:column headerText="Observaciones">
                                <h:outputText value="#{detalleSeguimientoMensual.observaciones}" id="idObservacionesIformeMen" />
                            </p:column>
                            <p:column> 
                                <p:commandButton icon="ui-icon-trash" process="@this" oncomplete="dialogConfirmacion.show()" title="Eliminar seguimiento" actionListener="#{fSeguimInformeMensual.cargarIndice(actionEvent)}">
                                    <f:param name="param" value="#{detalleSeguimientoMensual.idDetalleSeguimientoMensual}"/>
                                </p:commandButton>                                
                            </p:column>    
                                
                        </p:dataTable>
                        </h:panelGroup>
                    </p:panel>
                    <p:panel>
                        <center>

                            <!--<p:splitButton value="Opciones" icon="ui-icon-open" id="idBtnOpcionesInformeMen">  
                                <p:separator />  
                                <p:menuitem value="Inicio" url="http://localhost:8084/PrototipoSp2/faces/ObjetivoInicial.xhtml" icon="ui-icon-extlink"/>  
                            </p:splitButton>-->

                            <p:commandButton value="Guardar" rendered="#{fSeguimInformeMensual.renderedBotonGuardar}" id="idBtnGuardarInformeMen" update="msgForm" onclick="confirmGuardar.show()"/>
                            <p:commandButton value="Guardar Edición" rendered="#{fSeguimInformeMensual.renderedBotonEditar}" id="idBtnGuardarEdicionInformeMen" update="msgForm" />
                            <p:commandButton value="Cancelar" action="faces/Menu.xhtml" id="idBtnCancelarInformeMen"/>
                            <p:commandButton value="Imprimir o descargar" rendered="#{fSeguimInformeMensual.renderedBotonImprimir}" type="button" icon="ui-icon-print">  
                                <p:printer target="idFormSegInformeMensual" />  
                            </p:commandButton>
                        </center>
                    </p:panel>
                </p:panel>
            </center>
            <p:dialog widgetVar="dialogSeguimientosMensuales" header="Seguimiento Mensual">
                <h:panelGroup>
                    <table>
                        <tr>
                            <p:panelGrid columns="2" >
                                <h:outputLabel value="Fecha Inicial: " style="font-weight: bold"/>
                                <p:calendar value="#{fSeguimInformeMensual.fechaIni}" id="idFechaInicial" showOn="button" />
                                <h:outputLabel value="Fecha Final: " style="font-weight: bold"/>
                                <p:calendar value="#{fSeguimInformeMensual.fechaFin}" id="idFechaFinal" showOn="button" />
                                <h:outputLabel value="Hito: " style="font-weight: bold"/>
                                <p:inputText maxlength="500" id="idActividad" value="#{fSeguimInformeMensual.hito}"/>
                                <h:outputLabel value="Descripción: " style="font-weight: bold"/>
                                <p:inputText maxlength="500" id="idDuracion" value="#{fSeguimInformeMensual.descripcion}"/>
                                <h:outputLabel value="Observaciones: " style="font-weight: bold"/>
                                <p:inputText  maxlength="500" id="idObservaciones" value="#{fSeguimInformeMensual.observaciones}"/>      
                            </p:panelGrid>
                            <p:panelGrid columns="1" >
                                <p:commandButton value="Agregar Seguimiento" onclick="dialogSeguimientosMensuales.hide()" actionListener="#{fSeguimInformeMensual.cargarSeguimientosMensuales(actionEvent)}" update="seguimientoMensualGroup,idFechaInicial,idFechaFinal,idActividad,idDuracion,idObservaciones" process="@this,idFechaInicial,idFechaFinal,idActividad,idDuracion,idObservaciones" />
                            </p:panelGrid>               
                        </tr>

                    </table>
                </h:panelGroup>
            </p:dialog>
            <p:dialog widgetVar="dialogConfirmacion" header="Mensaje de confirmación" id="dialogConfirmacion">
                <table >
                    <tr>
                        <td>
                            <h:outputLabel value="¿Está seguro de eliminar el registro?"></h:outputLabel>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p:commandButton value="Si" actionListener="#{fSeguimInformeMensual.quitarSeguimientosMensuales(actionEvent)}"  process="@this" update=":idFormSegInformeMensual:seguimientoMensualGroup,dialogConfirmacion" oncomplete="dialogConfirmacion.hide()"/>                            
                        </td>
                        <td>
                            <p:commandButton value="No" onclick="dialogConfirmacion.hide()"/>
                        </td>
                    </tr>
                </table>                
            </p:dialog>
            <p:confirmDialog message="¿Desea guardar?" widgetVar="confirmGuardar">
                <p:commandButton value="Si" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"
                                 actionListener="#{fSeguimInformeMensual.DiligenciarFormato}"
                                 oncomplete="confirmGuardar.hide()" update=":idFormSegInformeMensual:growl,seguimientoMensualGroup,idNomEmpresaInformeMen,idNomProyectoInformeMen,idFechaInicialInformeMenIni,idFechaFinalInformeMenFin"/>               
                <p:commandButton value="No" onclick="confirmGuardar.hide()" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>
            </p:confirmDialog>
        </h:form>
    </ui:define>
</ui:composition>
